<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-us" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<title>Metro North Schedules</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="stylesheets/handheld.css" type="text/css" media="handheld" />	
	<link rel="stylesheet" href="stylesheets/webkit.css" type="text/css" media="only screen and (max-device-width: 480px)" />	
	<meta name="viewport" content="width=588;" />

</head>
<body>
<div class="page layout" id="metro-north-schedule">
	<h1>{{ station1 }} to {{ station2 }} <br/> {{ time }}</h1>
	<h3><a href="/web/">back</a></h3>
	<div class="schedule">
		<h1>Departing</h1>
		<table>
		 <tr>
		  <th>Leave</th>
		  <th>Arrive</th>
		 </tr>
		 		 
		{% for train in outTrains %}
		<tr>	
		 <td>{{ train.0 }}</td>
		 <td>{{ train.1 }}</td>
		</tr>	
	    {% endfor %}
		 
		</table>
	</div>
	
	<div class="schedule">
		<h1>Return</h1>
		<table>
		 <tr>
		  <th>Leave</th>
		  <th>Arrive</th>
		 </tr>

		{% for train in returnTrains %}
		<tr>	
		 <td>{{ train.0 }}</td>
		 <td>{{ train.1 }}</td>
		</tr>	
	    {% endfor %}
	    		 
		</table>		
	</div>	
</div>
</body>
</html>
